﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit" />
    <meta name="x5-fullscreen" content="yes" />
    <meta name="full-screen" content="yes" />
    <title>Title</title>
    <link href="../../../css/base/reset.css" rel="stylesheet" />
    <link href="../../../css/base/base.scss" rel="stylesheet" />
    <link href="../../../plugins/modal/modal.css" rel="stylesheet" />
    <link href="../../../plugins/swiper3/swiper.min.css" rel="stylesheet" />
    <link href="../../../css/struct/custom.scss" rel="stylesheet" />
    <link href="../../../css/struct/layout.scss" rel="stylesheet" />
    <link href="../../../css/theme/honda_yjqdy/style.scss" rel="stylesheet" />
    <style>
        .swiper-slide{
            color: currentColor;
            min-height: 130px;
            line-height: 130px;
        }
    </style>
</head>
<body>
    <div class="viewport">
        <div class="wrapper" data-struct="header">
            <header class="header">
                <div class="left-button">
                    <!--<button type="button" class="btn">
                        <i class="icomoon icon-menu" style="color: #fff;"></i>
                    </button>-->
                    <img class="margin-left-10" src="../../../images/honda/yjqdy/logo.png" class="logo" style="height: 22px;">
                </div>
                <div class="right-button">
                    <img src="../../../images/honda/yjqdy/project.png" class="logo" style="height: 20px;">
                    <!--<div class="btn-group" align="right">
                        <button class="btn btn-unstyled btn-dropdown nocaret">
                            <i class="icomoon icon-more"></i>
                        </button>
                        <ul class="list link dropdown" id="list1">
                            <li><a href="javascript:;">DropDownItem 1</a></li>
                            <li><a href="javascript:;">DropDownItem 2</a></li>
                            <li><a href="javascript:;">DropDownItem 3</a></li>
                            <li><a href="javascript:;">DropDownItem 4</a></li>
                            <li><a href="javascript:;">DropDownItem 5</a></li>
                        </ul>
                    </div>-->
                </div>
                <!--<div class="head-center">
                    Title
                </div>-->
            </header>
            <div class="container nogap" role="main">
                <div class="banner">
                    <!--<div id="swiper1" class="swiper-container demo">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                Slide 1
                                &lt;!&ndash;<img class="slide-image" alt="Slide Image" src="/Content/LMS/images/bg1.jpg" />&ndash;&gt;
                            </div>
                            <div class="swiper-slide">
                                Slide 2
                                &lt;!&ndash;<img class="slide-image" alt="Slide Image" src="/Content/LMS/images/bg1.jpg" />&ndash;&gt;
                            </div>
                            <div class="swiper-slide">
                                Slide 3
                                &lt;!&ndash;<img class="slide-image" alt="Slide Image" src="/Content/LMS/images/bg1.jpg" />&ndash;&gt;
                            </div>
                        </div>
                        &lt;!&ndash; 如果需要分页器 &ndash;&gt;
                        <div class="swiper-pagination"></div>
                        &lt;!&ndash; 如果需要导航按钮 &ndash;&gt;
                        &lt;!&ndash;<div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>&ndash;&gt;
                        &lt;!&ndash; 如果需要滚动条 &ndash;&gt;
                        &lt;!&ndash;<div class="swiper-scrollbar"></div>&ndash;&gt;
                    </div>-->
                    <!--<div class="nav-tabs myTabs">
                        <div class="tabs-scrollbar">
                            <ul class="tabs" data-toggle="tabs">
                                <li data-target="#myList1" class="active"><a href="javascript:;">标签</a></li>
                                <li data-target="#myList2"><a href="javascript:;">标签</a></li>
                                <li><a href="javascript:;">标签</a></li>
                                <li><a href="javascript:;">标签</a></li>
                                <li><a href="javascript:;">标签</a></li>
                                <li><a href="javascript:;">标签</a></li>
                                <li><a href="javascript:;">标签</a></li>
                                <li><a href="javascript:;">标签</a></li>
                                <li><a href="javascript:;">标签</a></li>
                            </ul>
                        </div>
                    </div>-->
                </div>
                <div class="list-bottom margin-top-10">
                    <div id="myList" class="list-scrollbar">
                        <ul class="list list-cover">
                            <li>
                                <div class="align-left">
                                    <div class="cover" style="background-image: url(/Content/LMS/images/bg1.jpg);"></div>
                                </div>
                                <div class="align-right">
                                    <div class="info">
                                        <p class="title">篮球场上的数学原理</p>
                                        <p class="secondary">2016-09-20</p>
                                        <p class="secondary statistics">
                                            <i class="icomoon icon-praise"></i>
                                            <span class="text-theme">100</span>
                                            <i class="icomoon icon-comment"></i>
                                            <span class="text-theme">100</span>
                                            <i class="icomoon icon-view"></i>
                                            <span class="text-theme">100</span>
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="left-menu" data-struct="header footer">
            <header class="menu-header">
                <h4>User Info</h4>
                <div class="sub-title">Nothing is impossible!</div>
            </header>
            <div class="container">
                <div class="list-scrollbar no-border">
                    <ul class="list nbt">
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                        <li>List Item</li>
                    </ul>
                </div>
            </div>
            <footer class="menu-footer">
                <div class="btn-group" align="top">
                    <a href="javascript:;" class="text" data-toggle="dropdown">
                        <i class="icomoon icon-setting-fill"></i>
                        <span>皮肤</span>
                    </a>
                    <ul id="themeList" class="list link dropdown arrow">
                        <li>
                            <a href="javascript:;" data-theme-src="/Content/LMS/css/theme/classic/style.css?v=3">
                                <i class="icon-theme theme-classic"></i>
                                <span class="middle">经典</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" data-theme-src="/Content/LMS/css/theme/default/style.css?v=3">
                                <i class="icon-theme theme-light"></i>
                                <span class="middle">浅色</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" data-theme-src="/Content/LMS/css/theme/dark/style.css?v=3">
                                <i class="icon-theme theme-dark"></i>
                                <span class="middle">深色</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </footer>
        </div>
    </div>
    <div class="background"></div>
    <script src="../../../js/jquery/jquery-1.11.2.js"></script>
    <script src="../../../js/react/react.min.js"></script>
    <script src="../../../js/react/react-dom.min.js"></script>
    <script src="../../../js/fastclick/fastclick.js"></script>
    <script src="../../../plugins/modal/modal.js"></script>
    <script src="../../../plugins/swiper3/swiper.jquery.min.js"></script>
    <script src="../../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {

            /*var swiper1 = new Swiper("#swiper1", {
                loop: true,
                speed: 600,
                autoplay: 3000,
                autoplayDisableOnInteraction: false
            });*/

            Global.BindBackToTop($("[role='main']"));

        })
    </script>
</body>
</html>